<html>
<head>
	<wicket:head>
	<link type="text/css" href="css/settings.css" rel="stylesheet" />
	<script type="text/javascript" src="js/settings/settings.js"></script>
	</wicket:head>
</head>

<body>
	<wicket:extend>
    	<div class="es-updatesContents">
        	<div class="es-updatesMessageWell">
				<div class="es-homeSubmenuBanner">
					<h2>Settings</h2>
				</div>
				<div class="settingsItem">
					<div class="settingsItemTitle clearfix">
						<span class="settingName">Permissions</span>
						<span class="settingsHint">
							<a href="#">change</a>
						</span>
					</div>
					<div class="settingsHelp">
						Control who can send messages to the department, set schedules and upload files.
					</div>
					<div class="settingsBody">
						<form wicket:id="permForm">
							<table class="settingsTable rightTable">
								<tbody>
									<tr>
										<td width="60%">Allow messages on department page by</td>
										<td width="40%">
											<select style="width:100%;" wicket:id="msgOption">
											</select>
										</td>
									</tr>
									<tr>
										<td width="60%">Allow departmental schedules to be set by</td>
										<td width="40%">
											<select style="width:100%;" wicket:id="schOption">											
											</select>
										</td>																												
									</tr>
									<tr>
										<td width="60%">Allow files to be uploaded by</td>
										<td width="40%">
											<select style="width:100%;" wicket:id="fileOption">
											</select>
										</td>																												
		
									</tr>
									<tr>
										<td style="text-align:center;" colspan="2">
											<input value="Save changes" type="submit" class="es-button ui-corner-all ui-state-default"/>
										</td>														
									</tr>
								</tbody>
							</table>											
						</form>
					</div>
				</div>
			</div>                            
		</div>		
	</wicket:extend>
</body>
</html>